@charset "gb2312";

/*首页banner*/
.banner{ width:100%;min-width:1180px;position:relative; height:501px;overflow: hidden;}
.banner .bd{ position:relative; z-index:0; width: 1920px;min-width:1180px;left: 50%; margin-left: -960px;position: relative; overflow: hidden;}
.banner .bd ul{ width:100% !important; }
.banner .bd li{ width:100% !important;  height:501px; }
.banner .bd li a{ position:absolute; width:100%; height:501px; display:block; z-index:1;}
.banner .hd{ width:100%;  position:absolute; z-index:1; bottom:20px; left:0; height:15px; line-height:15px; text-align:center; }
.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:9px; height:9px; margin:4px; background:#fff;border-radius:50%; overflow:hidden;line-height:9999px; filter:alpha(opacity=66);opacity:0.66;}
.banner .hd ul .on{ filter:alpha(opacity=100);opacity:1;width: 13px;height: 13px;position: relative;}
.banner .wrap{margin-top: -518px;height:100%;}
.banner .wrap a{display: block;width: 200px;height: 51px;line-height: 51px;margin:392px auto 0;background: #014b92; text-align: center;font-size: 16px;position: relative;z-index:2;}
.banner .wrap a:hover{background: #0f5192;}

/*首页公共标题、包*/
.i_container{ min-width: 1180px; height: auto; overflow: hidden;}
.wrap{width: 1180px;margin: auto;overflow: hidden;}
.i_title{margin:58px auto 0;color: #323232;text-align: center;}
.i_title h3{font-size: 30px;}
.i_title p{line-height: 28px; font-size:12px;}
.i_title span{display: block;width: 62px;height: 3px;margin:8px auto 0;background: #b5b6b8;}

/*从顶呱呱开启您的企业一站式服务*/
.floor_index1{width: 100%;min-width: 1180px;background: #f1f3f5;padding-top:30px;overflow: hidden;}
/*搜索框*/
.i_searchBox{width:1180px;margin:auto;background: #e4e6e8;}
.i_searchBox .left{width: 240px;height: 82px;background:url("../images/index/icon1.jpg") no-repeat center #014b92;}
.i_searchBox .left p{padding-top:15px;color: #fff;text-align: center;font-style:italic;}
.i_searchBox .left p label{font-size: 20px;}
.i_searchBox .left p em{font-size: 16px;}

.i_searchBox .right{width: 852px;height: 50px;line-height: 50px;margin:16px 54px 0 0;background: #ffffff;}
.i_searchBox .right .txt{float:left;width:504px;padding:5px 50px;margin:11px 0 9px;background:url("../images/index/icon2.png") no-repeat 25px center #fff;border-left: 1px solid #e9e9e9;}
.i_searchBox .right.new-input {
    float: left;
    width: auto;
    margin-left: 20px;
    margin-right: 0;
}
.i_searchBox .right.new-input button {
    line-height: 50px;
    font-size: 18px;
}
.i_searchBox .right.new-input .search-online{line-height: 50px; font-size: 18px;}
.i_searchBox .right.new-input .txt {padding: 5px 10px 5px 10px;background: none;width: 250px;}
.i_searchBox .right .sub{float: right;width: 107px; height: 50px; line-height: 50px; background: #014b92;color: #fff;font-size: 18px;}
.i_searchBox .right .sub:hover{background: #0f6092;}

.i_select{width:77px;height: 50px;padding-right:10px;margin:0 23px 0 30px;float: left;background: url("../images/index/icon9.png") no-repeat right center;text-align:left;position: relative;}
.i_select>a{display: block;height:50px;line-height:50px;font-size:16px;overflow: hidden;}
.i_select>ul{position:absolute;display: none;width:110px;padding:0 0 5px 30px;top:50px;left:-30px;right:0px;background:#ffffff;z-index:1;border-bottom-left-radius: 2px;border-bottom-right-radius: 2px;}
.i_select li{width:86px;height: 30px;line-height: 30px;overflow:hidden;cursor:pointer;}
.i_select li:hover{color: #014b92;}

/*各大服务类型*/
.i_service{width:1180px;margin:auto;background:#F1F3F5;padding:0 0 24px;border-bottom:1px solid #E8E9EB;}
.i_service .liBox{position:relative;height: 383px;padding:20px 0 50px; display: none;}

.tab_t{height:27px;text-align:center;margin:30px auto 10px;clear: both;}
.tab_t li{/*float: left;*/ display: inline-block;*display: inline; *zoom:1;vertical-align: middle;height:36px;margin:0 23px 0 8px;text-align:center;font-size: 16px;cursor: pointer;overflow: hidden;}
.tab_t li a{display:block;width:87px;height:34px;line-height:34px;border-bottom: 2px solid transparent;position: relative; color:#000;}
.tab_t li a span{width: 0;height: 0;border-style: solid;border-width: 0 4px 4px 4px;border-color: transparent transparent #f1f3f5 transparent;position:absolute;left: 39px;bottom:0px;}
.tab_t li a.on{color: #014b92;border-bottom-color: #004779;}
.tab_t li a.on span{border-color: transparent transparent #004779 transparent;}

.i_left{width:199px;height: 383px;margin-top:0;padding:0 20px; text-align:left;color: #fff;font-size: 12px;overflow:hidden;}
.i_right{width:957px;position:absolute;z-index:1;left:239px;height:383px;top:20px;}
.i_service .liBox .icon0{ background:url(../images/icon-ind0.png);}
.i_service .liBox .icon1{ background:url(../images/icon-ind4.png);}
.i_service .liBox .icon2{ background:url(../images/icon-ind5.png);}
.i_service .liBox .icon3{ background:url(../images/icon-ind6.png);}
.i_service .liBox .icon4{ background:url(../images/icon-ind8.png);}
.i_service .liBox .icon5{ background:url(../images/icon-ind8.png);}
 .info span{display:block; margin:5px auto 7px; text-transform: uppercase;opacity:.8;}
.info div{ margin:58px auto 8px; padding-bottom: 12px;line-height:28px; background: url(../images/index/icon4.png) center bottom no-repeat; font-size: 18px;}
.info p{line-height: 30px;}

.i_right{width: 100%;}
.i_right li{width: 312px;height: 381px;margin-top:1px;position: relative;float: left;background:#fff;}
.i_right li .img{width:60px;height: 70px;margin:11px auto 32px;background:url(../images/lodo%20(1).jpg) no-repeat;}
.i_right li .price{display: block;margin:0 auto 10px;font-size: 18px;color: #ff6600;}
.i_right li a{display: block;width: 151px;height:36px;line-height: 36px;margin:auto;border: 1px solid #014b92;color: #014b92;}
.i_right li .txt1{margin-top:34px;color: #323232;font-size:18px;}
.i_right li .txt2{ min-height: 42px;}
.i_right li .org{ color: #ff7f00;}
.i_right li .txt3{font-size: 14px;line-height: 22px; /*min-height: 44px;*/ padding-bottom: 10px;}
.i_right li .li_box{ font-size:14px; width: 319px;height: 381px;float:left;border-left: 1px solid #dbdbdb;background: #fff;text-align:center;position: absolute;left: 0;z-index: 1;transition: all .5s;}
.i_right li:hover{ margin-top: 0px;}
.i_right li:hover a{background:#014b92;color: #fff;}
.i_right li:hover .li_box{border-right: 1px solid #dbdbdb;box-shadow:0px 0px 15px rgba(0,0,0,.3);z-index: 3;top:0px;}
.i_right li a:hover{ opacity: 0.9;}
.i_right li .li_box .img1{background-position: 0 0;}
.i_right li .li_box .img2{background-position: -120px 0;}
.i_right li .li_box .img3{background-position: -240px 0;}
.i_right li .li_box .img4{background-position: 0 -70px;}
.i_right li .li_box .img5{background-position: -120px -70px;}
.i_right li .li_box .img6{background-position: -240px -70px;}
.i_right li .li_box .img7{background-position: 0px -140px;}
.i_right li .li_box .img8{background-position: -120px -140px;}
.i_right li .li_box .img9{background-position: -240px -140px;}
.i_right li .li_box .img10{background-position: 0px -210px;}
.i_right li .li_box .img11{background-position: -120px -210px;}
.i_right li .li_box .img12{background-position: -240px -210px;}
.i_right li .li_box .img13{background-position: 0px -280px;}
.i_right li .li_box .img14{background-position: -120px -280px;}
.i_right li .li_box .img15{background-position: -240px -280px;}
.i_right li .li_box .img16{background-position: 0 -350px;}
.i_right li .li_box .img17{background-position: -120px -350px;}
.i_right li .li_box .img18{background-position: -240px -350px;}

.i_right li .li_box .img19{background-position: 0 -420px;}
.i_right li .li_box .img20{background-position: -120px -420px;}
.i_right li .li_box .img21{background-position: -240px -420px;}
.i_right li .li_box .img22{background-position: 0 -490px;}
.i_right li .li_box .img23{background-position: -120px -490px;}
.i_right li .li_box .img24{background-position: -240px -490px;}
/*hover*/
.i_right li:hover .img1{background-position:-60px 0;}
.i_right li:hover .img2{background-position:-180px 0;}
.i_right li:hover .img3{background-position:-300px 0;}
.i_right li:hover .img4{background-position:-60px -70px;}
.i_right li:hover .img5{background-position:-180px -70px;}
.i_right li:hover .img6{background-position:-300px -70px;}
.i_right li:hover .img7{background-position:-60px -140px;}
.i_right li:hover .img8{background-position:-180px -140px;}
.i_right li:hover .img9{background-position:-300px -140px;}
.i_right li:hover .img10{background-position:-60px -210px;}
.i_right li:hover .img11{background-position:-180px -210px;}
.i_right li:hover .img12{background-position:-300px -210px;}
.i_right li:hover .img13{background-position:-60px -280px;}
.i_right li:hover .img14{background-position:-180px -280px;}
.i_right li:hover .img15{background-position:-300px -280px;}
.i_right li:hover .img16{background-position:-60px -350px;}
.i_right li:hover .img17{background-position:-180px -350px;}
.i_right li:hover .img18{background-position:-300px -350px;}

.i_right li:hover .img19{background-position:-60px -420px;}
.i_right li:hover .img20{background-position:-180px -420px;}
.i_right li:hover .img21{background-position:-300px -420px;}
.i_right li:hover .img22{background-position:-60px -490px;}
.i_right li:hover .img23{background-position:-180px -490px;}
.i_right li:hover .img24{background-position:-300px -490px;}
/*顶呱呱，二月份数据统计分析*/
.floor_index2{width: 100%;min-width: 1180px;margin-top:-44px;background: url("../images/index/icon5.png") no-repeat center top;position:relative;z-index:3;overflow: hidden;}
.floor_index2 .i_title{margin:90px auto 40px; }
.floor_index2 .panel{width:1180px;margin:auto;padding-bottom: 72px;}
.floor_index2 .panel .left{width: 790px;height: 498px;box-shadow: 0 0 15px rgba(0,0,0,.2);background: #ffffff;overflow: hidden;}
.floor_index2 .panel .right{width: 364px;height: 498px;border-left: 1px dashed #c2c2c2;position: relative;}
.floor_index2 .panel .right p{font-size: 18px;color: #c2c2c2;padding-left: 26px; padding-bottom: 7px;}
.floor_index2 .panel .left dl{}
.floor_index2 .panel .left dl dt{}

/*服务榜单*/
.listBox{width: 364px;height:460px;padding-top:10px;margin-left: -4px;overflow:hidden;}
.listBox dl{}
.listBox dl dd{position: relative;margin-bottom:15px;height:39px;overflow: hidden;}
.listBox dl dd .ico{width: 8px;height: 8px;background: #c2c2c2;border-radius:50%;position: absolute;left:0px;top:14px;}
.listBox dl dd div{width: 340px;height: 34px;line-height: 34px;*line-height: 34px;margin:0px 0 0 18px;background: #f6f6f6;border:1px solid transparent;border-radius: 2px;cursor:pointer;overflow: hidden;}
.listBox dl dd div span{height: 34px;line-height: 34px;overflow: hidden;}
.listBox dl dd div .lef{width: 140px;padding:0px 10px;margin-right:10px;overflow: hidden;}
.listBox dl dd div .mid{color: #0073c3;}
.listBox dl dd div .rig{color: #ff8103;}
.listBox dl dd div .mid,.listBox dl dd div .rig{font-size: 12px;width:85px;}
.listBox dl dd:hover div{border:1px solid #dadada;box-shadow:2px 2px 3px rgba(0,0,0,.2);background: #fff;}
.listBox dl dd:hover .ico{background: #0073c3;}
.listBox dl .current div{border:1px solid #dadada;box-shadow:2px 2px 3px rgba(0,0,0,.2);background: #fff;}
.listBox dl .current .ico{background: #0073c3;}

/*19年优质服务，成就行业典范*/
.floor_index3{width: 100%;min-width: 1180px;background: #f1f3f5;overflow: hidden;}
.t_list2{width:1113px;margin:72px auto 115px;overflow: hidden;}
.t_list2 li{width:263px;float:left;margin:0px 54px;position:relative;text-align: center;cursor: pointer;}
.t_list2 li i{ width:100px; height: 74px; margin:58px auto 84px;display: block; z-index: 2; position: relative;}
.t_list2 div{ width: 163px; height: 188px; position: absolute; top: 0; left: 50px;background: url("../images/index/i_bg1.png") no-repeat center; z-index: 0;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
}
.t_list2 li p{ font-size: 20px;color: #323232;}
.t_list2 li span{font-size: 14px;padding:10px 12px 0;}
.t_list2 li:hover div{
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.dd-ban-box{ width: 324px; height: 184px; background: #f8f8f8; padding: 8px; position: relative; left: 20px; top: -8px;}